<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">

	<link rel="stylesheet" href="/static/css/reset.css">
	<link rel="stylesheet" href="/static/css/head.css">
	<link rel="stylesheet" href="/static/css/detail.css">
	<script src="/static/js/vue.min.js"></script>
	<link rel="stylesheet" href="/static/css/index1.css">
	<script src="/static/js/element-ui/index.js"></script>
	<title>新闻详情</title>
	<style>
	[v-cloak] {
		display: none !important;
	}
        .detail-content img {
            max-width: 100% !important;
        }
	</style>
</head>

<body>
	<div id="app" v-cloak>
		<div class="mask"></div>
		<!-- 导航 -->
		<header class="header">
			<div class="container clearfix">
				<div class="fl left">
					<a href="javascript:void(0)"><img src="/static/picture/logo.png" alt="" class="img1"></a>
				</div>
				<div class="fr nav">
					<img src="/static/icon/menu.png" alt="菜单" class="menuTog" />
					<ul class="navbar_nav" data-in="fadeInDown" data-out="fadeOutUp">
						<li><img src="/static/icon/close.png" alt="关闭" class="closeTog" /></li>
						<li>
							<a href="/index.html">首页</a>
						</li>
						<li class="dropdown">
							<a href="/pro.html">产品服务</a>
						</li>
						<li class="dropdown">
							<a href="/science.html">普联科技</a>
						</li>
						<li class="header-active">
							<a href="/news.html">新闻动态</a>
						</li>
						<li>
							<a href="/help.html">帮助与支持</a>
						</li>
						<li>
							<a href="/about.html">关于我们</a>
						</li>
					</ul>
				</div>
				<a href="javascript:void(0)" id="navToggle">
					<span></span>
				</a>
			</div>
		</header>
		<div class="banner">
			<img src="/static/picture/xinwen-bgc_01.png" alt="">
		</div>
		<!-- 内容  -->
		<div class="content-wrapper">
			<div class="detail-container">
				<div class="dc-top">
					<div class="shu-gang"></div>
					<#if data.newsType==1>
					<p>当前位置：
						<a href="/news.html" style="color: rgb(46, 100, 174);">新闻动态</a> &gt;
						<span>公司动态</span>
					</p>
					<#else>
					<p>当前位置：
                        <a href="/information.html" style="color: rgb(46, 100, 174);">新闻动态</a> &gt;
                        <span>行业资讯</span>
					</p>
					</#if>
				</div>
				<div class="detail-content">
					<h3 v-text='title'></h3>
					<p class="sub-title">
					    <span style="margin-left: 6px;" v-text='time'></span>
                    </p>
					<div class="content-box" style="font-size: 16px;">${data.content}</div>
				</div>
				<div class="btn-wrap">
					<div class="btn-div" :class="{ 'btn-disabled': !prevbtnFlag }" @click="navArticle(1)">
					    <span class="circle">
					        <i class="left-arrow "></i>
                        </span>
                        <span class="arrow-span">上一篇</span>
                    </div>
					<div class="btn-div" :class="{ 'btn-disabled': !nextbtnFlag }" @click="navArticle(2)">
					    <span class="arrow-span">下一篇</span>
					    <span class="circle circle2">
					        <i class="right-arrow"></i>
					    </span>
                    </div>
				</div>
			</div>
		</div>
		<div class="common-footer">
			<div class="footer_lxwm">
				<ul class="wbsx">
					<li><img src="/static/picture/footer_wb.png">
						<p>企业微博</p>
					</li>
					<li><img src="/static/picture/footer_gzh.png">
						<p>企业公众号</p>
					</li>
					<li><img src="/static/picture/footer_dy.png">
						<p>抖音二维码</p>
					</li>
				</ul>
				<a href="/about.html">CONTACT US</a>

			</div>
			<div class="lxfs_box">
                <span class="sb_1"><img src="/static/picture/footer_icon_dianhua.png">电话：${commonData.tel}</span>
                <span class="sb_1"><img src="/static/picture/footer_icon_mail.png">邮箱：${commonData.email}</span>
                <span class="sb_1"><img src="/static/picture/footer_icon_dizhi.png">地址：${commonData.address}</span>
            	<p>
                    <span>
                        <img src="/static/picture/footer_icon_banquan.png"/>版权所有 2018-2020 武汉普联东文数据服务有限责任公司 · 鄂ICP备17023599号-2
                    </span>
                    <span>
                        <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=42010302002204">
                            <img src="/static/image/110.png" />鄂公网安备 42010302002204号
                        </a>
                    </span>
                </p>
			</div>
		</div>

	</div>

	<#if data.newsType==1>
	    <div class="backList" onclick="window.location.href='/news.html';"><img src="/static/image/arrow-lift.png" />返回新闻动态</div>
	<#else>
	    <div class="backList" onclick="window.location.href='/information.html';"><img src="/static/image/arrow-lift.png" />返回行业资讯</div>
	</#if>

</body>
<script src="/static/js/jquery.min.js"></script>
<script>
    var title = '${data.title}';
    var origin = '${data.origin}';

    var time = '${data.time}';
    var hasLast = ${data.hasLast};
    var lastId = ${data.lastId};
    var hasNext = ${data.hasNext};
    var nextId = ${data.nextId};


	var app = new Vue({
	el: '#app',
	data: {
		title: title,
		subTitle: origin,
		time: time,
		//content: content,
		// 此变量为false时 上一篇按钮禁用
		prevbtnFlag: true,
		// 此变量为false时 下一篇按钮禁用
		nextbtnFlag: true,
		BreadStr: '公司动态'

	},
	mounted: function() {
		this.init();
		//this.getTableData();
	},
	methods: {
		init: function(){
			if(hasLast==1){
				this.prevbtnFlag = true;
			}else{
				this.prevbtnFlag = false;
			}

			if(hasNext==1){
				this.nextbtnFlag = true;
			}else{
				this.nextbtnFlag = false;
			}
		},
		navArticle: function(_type) {
		// _type 为1  上一篇 为2下一篇
		if(_type==1){
			window.location.href = '/detail.html-'+lastId;
		}else{
			window.location.href = '/detail.html-'+nextId;
		}
		},
		getTableData: function() {
		// let p = {};
		// let _url = 'http://10.0.0.147:8060/admin/news/list';
		// p.start = (this.table.currentPage - 1) * this.table.pageSize;
		// p.num = this.table.pageSize;
		// var that = this;
		// console.log(p);
		// $.ajax({
		// 	type: 'POST',
		// 	url: _url,
		// 	data: p,
		// 	success: function (res) {
		// 		console.log(res);
		// 		that.table.tableData = res.data.rows;
		// 		that.table.rowCount = res.data.total;
		// 		console.log(that.table.tableData);
		// 	}
		// });
		}
	},
})
</script>
<script src="/static/js/news.js"></script>
</html>